---
layout: project
title: Yong Yuan - Projects
description: Yong Yuan's projects. Some of them are my academy research, some are just my interest.
category: project
---

<p class="fancy">
  Here are my projects. Some of them are my academy research, some are just my interest.
  <abbr title="User Experience">UX</abbr>?

  <a href="/contact/">Ping me</a> and let's build awesome and useful stuff!
</p>

{% for product in site.data.products %}
  <section>
    <a href="{{ product.url }}">
      <img class="inline pull-right" src="/images/project/{{ product.image }}"
           alt="{{ product.name }} Screenshot" width="280">
    </a>
    <h2><a href="{{ product.url }}">{{ product.name }}</a></h2>
    <h3>{{ product.oneliner }}</h3>
    <p><strong>My role:</strong> {{ product.role }}</p>
    <p>{{ product.description}}</p>
    <p>
      <strong>Technologies:</strong> {{ product.technologies | join: ", " }}
    </p>
  </section>
  <div class="spacer"></div>
{% endfor %}